@charset "UTF-8";
/*
Author:   个人中心订单详情
*/
@import "../base/_common";
body{
	@extend %width;
	color:$color-gray-1;
	background-color:$color-bg-3;
}
.wrap{
	@extend %wrap;

}
%button-style{
	display:block;
	margin:4px auto 0;
	border:1px solid $color-border-8;
	color:$color-txt-10;
	height:24px;
	width:100px;
	line-height: 24px;
	text-align: center;
	font-size:14px;
	text-decoration: none;
	border-radius:2px;
	background:$color-bg-9;
}
.crumbs{
	font-size:14px;
	color:$color-txt-4;
	span,a{
		float:left;
		height:26px;
		line-height: 26px;
		color:$color-txt-4;
	}
	a:hover{
		color:$color-txt-10;
	}
	i{
		float: left;
		margin:0 6px;
		height:26px;
		line-height: 26px;
	}
}
/*  订单详情 */
.com-wrap{
	background-color: #fff;
	padding: 0 20px;
	margin-top:10px;
}
.order-detail-wrap{
	padding-bottom:18px;
}
.com-title{
	font-size:16px;
	line-height: 3.5;
	height:56px;
}
.order-detail{
	border:1px solid #ddf2fb;
	td{
		padding:20px 0;
	}
	.background-blue{
		background:$color-bg-9;
	}
	.order-detail-fl{
		float: left;
		width:259px;
		.status-title{
			display: block;
			//padding-top:26px;
			height:46px;
			line-height: 46px;
			font-size:28px;
			text-align: center;
		}
		.time-left{
			padding:6px 0;
			height:24px;
			line-height: 24px;
			color:$color-txt-4;
			text-align: center;
			.time{
				display:inline-block;
			}
		}
		.icon-clock{
			display:inline-block;
			//text-indent: -9999px;
			color:transparent;
			height:24px;
			width:13px;
			margin-right:3px;
			@include iconItemNoSize($iconsMember,"icon-clock-2.0",$extend:memberMaps);
		}
		.red-color{
			color:$color-txt-7;
		}
		.button-style{
			@extend %button-style;
		}

		.cancel-btn{
			border-color:transparent;
			color:$color-txt-4;
			background:transparent;
		}
	}

	.order-detail-fr{
		float: left;
		width:848px;
		padding-left:41px;
		//height:186px;
		.order-no{
			display: block;
			height:38px;
			line-height: 38px;
			font-size:24px;
			//padding-top:28px;
		}
		.order-time{
			height:24px;
			font-size:14px;
			line-height: 24px;
			color:$color-txt-4;
		}
		.order-progress{
			padding:16px 0 28px;
			li{
				float:left;
				height:28px;
				line-height: 28px;
				width:266px;
				margin-right:5px;
				text-align: center;
				@include iconItemNoSize($iconsMember,"icon-progress-2.0",$extend:memberMaps);
			}
			.current{
				color:$color-txt-9;
				@include iconItemNoSize($iconsMember,"icon-progress-active-2.0",$extend:memberMaps);
			}
		}
		.four-steps{
			li{
				width:207px;
				@include iconItemNoSize($iconsMember,"icon-progress-short-2.0",$extend:memberMaps);
			}
			.current{
				color:$color-txt-9;
				@include iconItemNoSize($iconsMember,"icon-progress-active-short-2.0",$extend:memberMaps);
			}
		}
	}
}
/* 车辆信息 */
.vehicle-track {
    position: relative;
    width: 1082px;
    margin: 0 auto;
    padding: 38px 34px 0;
    height: 64px;
    text-align: center;
	.line {
		margin: 0 auto;
		width: 1040px;
		height: 2px;
		background: #1caaf4;
		overflow: hidden;
	}
	.con {
		position: absolute;
		left: 0;
		top: 0;
	}
	.item {
		position: relative;
		float: left;
		width: 104px;
		padding-top: 30px;
		color: #4a4a4a;
		font-size: 14px;
		cursor: pointer;
	}
	.item .i-radius {
		display: inline-block;
		width: 17px;
		height: 17px;
		@include iconItemNoSize($iconsMember,"icon-default-2.0",$extend:memberMaps);
	}
	 .disabled .i-radius {
	 	@include iconItemNoSize($iconsMember,"icon-disabled-2.0",$extend:memberMaps);
	 }
	.item .time {
		display: none;
		position: absolute;
		top: -12px;
		width: 100px;
		line-height: 18px;
		word-wrap: break-word;
	}
	.show p.time {
		display: block
	}
	 .cur {
		color: #1caaf4;
		.i-radius{
			@include iconItemNoSize($iconsMember,"icon-cur-2.0",$extend:memberMaps);
		}
	}
	.cur .time {
		display: block;
	}
	.item .txt {
		padding-top: 10px;
		font-size: 14px;
	}

}
/*  物流跟踪 */

.logistics-wrap{
	table,tr,td,th{padding:0}
	.logistics-info-td{
		vertical-align:top;
	}
	.logistics-title{
		height:52px;
	}
	.logistics-info-box{
		width:259px;
	}
	.logistics-info {
		line-height: 24px;
		font-size:12px;
		padding-bottom:18px;
	}
	.logistics-log-box{
		padding:18px 0 18px 31px;
	}
	.vertical-line{
		border-left:1px solid $color-border-3;
	}
	.log-list{
		.log-time,.log-detail{
			float: left;
			font-size:14px;
			line-height: 28px;
		}
		.log-time{
			width:180px;
			color:$color-txt-4;
		}
		.log-detail{
			width:675px;
		}
	}
	.logistics-log{
		height:112px;
		overflow:hidden;
	}

}
/*  查看跟多 */
.check-more{
	margin-top:5px;
	height:30px;
	line-height: 30px;
	font-size:14px;
	text-align: left;
	cursor:pointer;
	&:hover{
		color:$color-txt-10;
	}
	span{
		float: left;
		margin-right:10px;
	}
}
.arrow-up{
	.arrow{
		@include iconItemNoSize($iconsMember,"icon-arrow-up-2.0",$extend:memberMaps);
	}
}
.arrow{
	float: left;
	margin-top: 12px;
	height:6px;
	width:12px;
	@include iconItemNoSize($iconsMember,"icon-arrow-down-2.0",$extend:memberMaps);
}
/*spu 商品信息*/
.get-car-wrap{
	padding-bottom:28px;
}
.get-car-table{
	border:1px solid $color-border-3;
	td{
		border:1px solid $color-border-3;
		height: 26px;
		font-size:14px;
		padding:10px 10px 10px 30px;
	}
	.label{
		padding-left:20px;
		width:240px;
	}
}
.select-dealer-wrap{
	padding-bottom:18px;
	font-size:14px;
	.dealer-item{
		padding:4px 0;
	}
	.dealer-btn{
		display:table-cell;
		vertical-align: middle;
		width:30px;
	}
	.delear-info{
		display:table-cell;
		line-height: 24px;
		width:1120px;
		span{
			margin-right:20px;
		}
	}
	.button-style{
		@extend %button-style;
		cursor:pointer;
	}
}

/*spu 商品信息*/
.spu-wrap{
	padding-bottom:48px;
}
.spu-car-table{
	.check-more{
		cursor: default;
		&:hover{
			color:$color-txt-2;
		}
	}
	border:1px solid $color-border-3;
	td{
		border:1px solid $color-border-3;
		padding:20px 15px 10px 35px;
		line-height: 200%;
		font-size:14px;
	}

	td.spu-car-show-td{
		width:197px;
		min-height:220px;
		text-align: center;
		padding:0px 30px;
		//position: relative;
	}
	.width700{
		width:700px;
	}
}

.spu-car-show span.spu-car-show-hide{
	width:0px;
	height:100%;
	overflow:hidden;
}
.spu-car-show span,.spu-car-show img{
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align: middle;
}
.spu-car-show-gift{
	display:block;
	height:auto;
	bottom:15px;
	display:block;
	text-align:left;
	//padding:0px 30px;
	//position: absolute;
	//left:0;

	.spu-gift-info{
		line-height: 1.5;
    		font-weight: 500;
    		max-height:63px;
    		margin-bottom: 20px;
		overflow:hidden;
	}
};
.spu-gift-title{
	text-align:left;
	margin-bottom:5px;
	i{
		display:inline-block;
		zoom:1;
		*display:inline;
		vertical-align: middle;
		margin-top:-3px;
		@include iconItem($iconsMember,"icon-gift-2.0",$extend:memberMaps);
	}
	.spu-gift-title-txt{
		display:inline-block;
		zoom:1;
		*display:inline;
		vertical-align: middle;
		padding-left:8px;
		color:$color-txt-4;
	}

}

.pay-cont{
	//先放开，
	//height:28px;
	overflow:hidden;
	color:$color-txt-4;
	font-size:12px;
	.pay-cont-item{
		line-height:28px;
		.pay-cont-tit{
			padding-right:10px;
		}
		.pay-cont-txt{
			padding-right:20px;
		}
	}
}
/* 订单总额 */
.order-detail-price{
	margin-top:26px;
	.detail-price{
		float:right;
		.label{
			text-align:right;
			color:$color-txt-2;
		}
		td{
			height: 30px;
			line-height: 30px;
			font-size:16px;
			//color:$color-txt-7;
		}
		td.color-green{
			color:$color-txt-11;
		}
	}
	.line-through{
		// position: absolute;
		// top:0;
		// right:0;
		// width:1190px;
		margin:5px 0;
		border-top:1px solid $color-border-6;
		clear: both;
	}
	.total-price{
		// position: relative;
		// margin-top:5px;
		// padding:5px 20px 0 0;
		text-align: right;
		font-size:24px;
		height: 40px;
		line-height: 40px;
		clear:both;
		padding-right:20px;
		label{vertical-align: inherit;}
	}
	.color-red{
		color:$color-txt-7;
	}
}
